Testo dell'esercizio

Si scriva il codice javascript necessario ad implementare la seguente funzionalità in una pagina HTML: clickando su un elemento <td> questo viene selezionato e si colora di giallo il suo sfondo (proprietà di stile backgroundColor). Clickando su un elemento <td> diverso da quello selezionato, prima di selezionarlo si deseleziona quello precedente ripristando il colore dello sfondo al valore originario (deve essere memorizzato). Se si clicka sull’elemento già selezionato questo viene deselezionato ripristinando il colore dello sfondo e nessun elemento dovrà risultare selezionato. Quando si entra in un elemento <div> (evento onmouseover) la dimensione del suo carattere (proprietà di stile fontSize) assume quella dell’elemento <td> selezionato (se non c’è un elemento selezionato non accade nulla). Quando si esce dall’elemento <div> (evento onmouseout) la dimensione del suo carattere viene ripristinata al valore precedente (deve essere memorizzato).

Select Cell

10px 8px 10px
12px 14px 16px
18px 20px 22px

Elemento div 1

Elemento div 2

Elemento div 3

Elemento div 4

Elemento div 5